layui.use(['table', 'admin', 'ax', 'func','form'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var func = layui.func;
    var form = layui.form;

    /**
     * 城市信息管理
     */
    var City = {
        tableId: "cityTable"
    };

    /**
     * 初始化表格的列
     */
    City.initColumn = function () {
        return [[
            {type: 'checkbox'},
            {field: 'id', align: 'center', hide: true, title: 'ID'},
            {field: 'code', align: 'center', sort: true, title: '城市编码'},
            {field: 'pcode', align: 'center', sort: true, title: '上级编码'},
            {field: 'city', align: 'center', sort: true, title: '城市名称'},
            {field: 'py', align: 'center', sort: true, title: '拼音'},
            {field: 'indexLetter', align: 'center', sort: true, title: '首字母'},
            {field: 'level', align: 'center', sort: true, title: '层级'},
            // {field: 'latitude',align: 'center', sort: true, title: '纬度'},
            // {field: 'longitude',align: 'center', sort: true, title: '经度'},
            {field: 'createTime', align: 'center', sort: true, title: '添加时间'},
            // {field: 'updateTime', align: 'center',sort: true, title: '更新时间'},
            // {field: 'status', align: 'center',sort: true, title: '启用状态'},
            {field: 'isHot', align: 'center', sort: true, title: '热门城市', templet: '#isHotTpl'},
            {align: 'center', toolbar: '#tableBar', title: '操作'}
        ]];
    };

    /**
     * 点击查询按钮
     */
    City.search = function () {
        var queryData = {};
        queryData['keyword'] = $("#condition").val();
        queryData['level'] = $("#level").val();
        queryData['isHot'] = $("#isHot").val();
        console.log("queryData===",queryData);
        table.reload(City.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    /**
     * 弹出添加对话框
     */
    City.openAddDlg = function () {
        func.open({
            title: '添加城市信息',
            content: Feng.ctxPath + '/city/add',
            tableId: City.tableId
        });
    };

    /**
     * 点击编辑
     *
     * @param data 点击按钮时候的行数据
     */
    City.openEditDlg = function (data) {
        func.open({
            title: '修改城市信息',
            content: Feng.ctxPath + '/city/edit?id=' + data.id,
            tableId: City.tableId
        });
    };

    /**
     * 导出excel按钮
     */
    City.exportExcel = function () {
        var checkRows = table.checkStatus(City.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除
     *
     * @param data 点击按钮时候的行数据
     */
    City.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/city/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(City.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + City.tableId,
        url: Feng.ctxPath + '/city/list',
        page: true,
        height: "full-158",
        cellMinWidth: 100,
        cols: City.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        City.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {
        City.openAddDlg();
    });

    // 同步更新
    $('#btnExp').click(function () {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/city/asyncAll", function (data) {
                Feng.success("同步成功!");
                table.reload(City.tableId);
            }, function (data) {
                Feng.error("同步失败!" + data.responseJSON.message + "!");
            });
            ajax.start();
        };
        Feng.confirm("同步前请先清空，耗时比较长，请耐心等待，是否同步最新城市信息?", operation);
    });


    // 清空
    $('#btnClear').click(function () {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/city/clearAll", function (data) {
                Feng.success("清空成功!");
                table.reload(City.tableId);
            }, function (data) {
                Feng.error("清空失败!" + data.responseJSON.message + "!");
            });
            ajax.start();
        };
        Feng.confirm("是否清空所有城市信息?", operation);
    });

    // 完善
    $('#btnUpdate').click(function () {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/city/perfect", function (data) {
                Feng.success("操作成功!");
                table.reload(City.tableId);
            }, function (data) {
                Feng.error("操作失败!" + data.responseJSON.message + "!");
            });
            ajax.start();
        };
        Feng.confirm("完善省份信息，请先同步完成城市信息?", operation);
    });


    // 工具条点击事件
    table.on('tool(' + City.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            City.openEditDlg(data);
        } else if (layEvent === 'delete') {
            City.onDeleteItem(data);
        }
    });


    // 修改user状态
    form.on('switch(isHot)', function (obj) {
        var id = obj.elem.value;
        var checked = obj.elem.checked ? 1 : 0;
        City.changeStatus(id, checked);
    });

    /**
     * 修改启用状态
     */
    City.changeStatus = function (id, checked) {
        var ajax = new $ax(Feng.ctxPath + "/city/editItem", function (data) {
            Feng.success("修改成功!");
        }, function (data) {
            Feng.error("修改失败!" + data.responseJSON.message);
            table.reload(City.tableId);
        });
        ajax.set("id", id);
        ajax.set("isHot", checked);
        ajax.start();
    };

});
